import { IconProps } from '../../icon.types'

type Props = Omit<IconProps, 'name' | 'onClick'>

const LightThemeIcon: React.FC<Props> = ({ width = '25', height = '25' }) => (
  <svg
    width={width}
    height={height}
    viewBox="0 0 21 20"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <g clipPath="url(#clip0_11411_3625)">
      <path
        d="M10.0803 0V2.5H11.747V0H10.0803ZM4.43255 2.34049L3.25416 3.51888L5.02174 5.28646L6.20012 4.10807L4.43255 2.34049ZM17.3948 2.34049L15.6272 4.10807L16.8056 5.28646L18.5732 3.51888L17.3948 2.34049ZM10.9137 4.16667C7.70188 4.16667 5.08033 6.78821 5.08033 10C5.08033 13.2118 7.70188 15.8333 10.9137 15.8333C14.1255 15.8333 16.747 13.2118 16.747 10C16.747 6.78821 14.1255 4.16667 10.9137 4.16667ZM10.9137 5.83333C13.2247 5.83333 15.0803 7.68894 15.0803 10C15.0803 12.3111 13.2247 14.1667 10.9137 14.1667C8.60261 14.1667 6.747 12.3111 6.747 10C6.747 7.68894 8.60261 5.83333 10.9137 5.83333ZM0.913666 9.16667V10.8333H3.41367V9.16667H0.913666ZM18.4137 9.16667V10.8333H20.9137V9.16667H18.4137ZM5.02174 14.7135L3.25416 16.4811L4.43255 17.6595L6.20012 15.8919L5.02174 14.7135ZM16.8056 14.7135L15.6272 15.8919L17.3948 17.6595L18.5732 16.4811L16.8056 14.7135ZM10.0803 17.5V20H11.747V17.5H10.0803Z"
        fill="currentColor"
      />
    </g>
    <defs>
      <clipPath id="clip0_11411_3625">
        <rect width="20" height="20" fill="transparent" transform="translate(0.913666)" />
      </clipPath>
    </defs>
  </svg>
)

export default LightThemeIcon
